<template>
	<view class="">
		<x-page>
			<button @tap="changeTag">切换组件</button>
			{{ tabType }}
			<home-page v-if="tabType == 'home'"></home-page>

			<mine-page v-if="tabType == 'mine'"></mine-page>
		</x-page>
	</view>
</template>

<script setup>
import { computed, ref } from 'vue';

import homePage from '@/pages/tabbar/home/home.vue';
import minePage from '@/pages/tabbar/mine/mine.vue';

const tabType = ref('home');

const changeTag = () => {
	tabType.value = tabType.value == 'home' ? 'mine' : 'home';
};
</script>

<style scoped></style>
